<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 优先使用 IE 最新版本和 Chrome-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 为移动设备添加 viewport-->
    <meta name="viewport"
          content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 设置苹果工具栏颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari）-->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 忽略页面中的数字识别为电话，忽略email识别-->
    <meta name="format-detection" content="telphone=no, email=no">
    <!-- 下面三个是清除缓存 微信浏览器缓存严重又无刷新；这个方法调试的时候很方便-->
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <!--引入初始化样式-->
    <link rel="stylesheet" href="../lib/css/style-min.css">
    <!--引入YUDI样式-->
    <link rel="stylesheet" href="../lib/css/ydui.css">
    <!--引入YUDI自适应解决方案类库-->
    <script src="../lib/js/flexible/flexible.js"></script>
    <!-- 引入jQuery 2.0+ -->
    <script src="../lib/js/jquery/jquery-2.1.4.min.js"></script>
    <!-- 引入common -->
    <script src="../lib/js/common/common_pay.js"></script>
    <!-- 引入vue -->
    <script src="../lib/js/vue/vue.min.js"></script>
    <link rel="stylesheet" href="../css/pay/wxPay.css">
</head>
<body>
<div id="scanPay">
    <div class="scanPay">
        <!--消费金额-->
        <div class="consumePay">
            <p>消费金额</p>
            <div class="consumeMon">
                <span>¥</span>
                <input type="text" placeholder="0.00" class="totalPayMoney" v-model="totalPayMoney" readonly>
            </div>
        </div>
        <!--优惠金额-->
        <div class="discountPay clearfix">
            <span>实付总计</span>
            <b v-if="totalPayMoney==''">¥ 0.00</b>
            <b v-cloak v-if="totalPayMoney!==''">¥ {{totalPayMoney | discount}}</b>
        </div>
    </div>

    <!--键盘-->
    <div class="offerPay_number_table" style="bottom: 0rem;">
        <!--<div class="offerPay_number_table_top">
            由<span>民生银行</span>保障资金安全
        </div>-->
        <div class="offerPay_number_table_line">
            <a href="javascript:;">1</a>
            <a href="javascript:;">2</a>
            <a href="javascript:;">3</a>
            <a href="javascript:;" class="offerPay_number_delete">
                <img src="../images/pay/del.png" alt="">
            </a>
        </div>
        <div class="offerPay_number_table_line">
            <a href="javascript:;">4</a>
            <a href="javascript:;">5</a>
            <a href="javascript:;" style="border-right:1px solid #f2f2f2;">6</a>
        </div>
        <div class="offerPay_number_table_line">
            <a href="javascript:;">7</a>
            <a href="javascript:;">8</a>
            <a href="javascript:;">9</a>
        </div>
        <div class="offerPay_number_table_line">
            <a href="javascript:;">.</a>
            <a href="javascript:;" class="offerPay_number_0">0</a>
            <a href="javascript:;" class="offer_pay_2">确认<br>付款<br>
                <div class="entity_real_pay" style="color: rgb(255, 255, 255);" v-if="totalPayMoney!=''">¥{{totalPayMoney | discount}}</div>
            </a>
        </div>
    </div>
</div>
</body>
<script src="../lib/js/ydui.js"></script>
<script src="../js/pay/wxPay.js"></script>
</html>